﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="NX5Web.test" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link rel="stylesheet" type="text/css" href="Script/element-plus/index.css" />
    <script src="Script/vue.global.min.js"></script>
    <script src="Script/element-plus/index.full.js"></script>
    <script src="Script/element-plus/index.iife.min.js"></script>
    <script src="Script/element-plus/zh-cn.js"></script>
    <script src="Script/ktlapi.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.2.0/crypto-js.min.js"></script>
</head>
<body>
    <div id="app1">
          <el-menu
            :default-active="activeIndex2"
            class="el-menu-demo"
            mode="horizontal"
            background-color="#545c64"
            text-color="#fff"
            active-text-color="#ffd04b"
            @select="handleSelect"
          >
            <el-menu-item index="1">Processing Center</el-menu-item>
            <el-sub-menu index="2">
              <template #title>Workspace</template>
              <el-menu-item index="2-1">item one</el-menu-item>
              <el-menu-item index="2-2">item two</el-menu-item>
              <el-menu-item index="2-3">item three</el-menu-item>
              <el-sub-menu index="2-4">
                <template #title>item four</template>
                <el-menu-item index="2-4-1">item one</el-menu-item>
                <el-menu-item index="2-4-2">item two</el-menu-item>
                <el-menu-item index="2-4-3">item three</el-menu-item>
              </el-sub-menu>
            </el-sub-menu>
            <el-menu-item index="3" disabled>Info</el-menu-item>
            <el-menu-item index="4">Orders</el-menu-item>
          </el-menu>
    </div>
    <script type="text/javascript">
        createApp({
            el: "#app1",
            data() {
                return {
                    activeIndex2: '1'
                }
            },
            methods: {
                handleSelect(key, keyPath) {
                    console.log(key, keyPath)
                }
            }
        })
    </script>
</body>
</html>
<script>
    ktlapi({
        "apiurl": "Word/MatchWord",
        "data": {
            Word: "cats",
            SentenceId:8
        }
    }, true).then(res => {
        console.log(res);
    }) 
</script>